<template>
    <div style="border: 1px solid black;padding: 2rem">
        <h1>Child Component</h1>
        <input type="text" :value="value" @input="inputChanged" placeholder="please write something..."/>
    </div>
</template>

<script lang="ts">
import { Component, Model,Emit,Vue } from 'vue-property-decorator'

@Component({})
export default class Child extends Vue {
    name = 'Child';
    @Model("input")
    value !:boolean;

    @Emit("input")
    inputChanged(event:any){
        return event.target.value;
    }
}
</script>

<style scoped>

</style>
